<!DOCTYPE html>
<html>
  <head>
    <title>users.html</title>
	<meta charset="utf-8">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script src="js/jquery-3.3.1.min.js"></script>
	<script>
	$(function(){
		$.getJSON("js/user.json",function(data){
			//alert(JSON.stringify(data));
			var u=$("#u");
			$.each(data,function(jj,d){
				u.append("<li>"+d.id+","+d.name+","+d.age+"</li>");
			});
		});
	});
	</script>
  </head>
  
  <body>
    This is my HTML page. <br>
    <ul id="u">
    </ul>
  </body>
</html>
